<script setup>
import Statistic from "@/components/global/statistic.vue";
import FundTable from "@/components/fund-table.vue";
import ItemBar from "@/components/item-bar.vue";
import SearchBar from "@/components/search-bar.vue";

// axios.get('https://api.apiopen.top/getJoke?page=1&count=2&type=video').then(res => {
//   console.log(res)
//   console.log(res.data.result)
//   console.log(res.data.result[0].text)
// })
</script>
<template>
  <div>
    <search-bar class="statistic-l"></search-bar>
<!--    <KPic></KPic>-->
<!--    <chart></chart>-->
<!--    左右分栏    -->
<!--    <menu-componets></menu-componets>-->
<!--&lt;!&ndash;    <menu-componets></menu-componets>&ndash;&gt;-->
    <statistic class="statistic-l"></statistic>
    <item-bar class="statistic-r"></item-bar>
    <fund-table class="fund-table"></fund-table>
<!--    <chat></chat>-->

    <!--        <iframe src="https://finance.sina.com.cn/" frameborder="0"></iframe>-->
  </div>
</template>

<script>

</script>

<style lang="scss" scoped>
.page {
  height: 100%;
}

iframe {
  width: 100%;
  height: 100%;
}

.statistic-l {
  margin-top: 1%;
  top: 10%;
  width: 45%;
  height: 100%;
  //float: left;
  margin-bottom: 0;
}

.statistic-r {
  margin-bottom: 0;
  //zoom
  scale: v-bind(0.7);
  position: absolute;
  right: 0;
  top:-22px;
  //margin-top: 1%;
  //top: 10%;
  width: 50%;
  height: 100%;
  //固定到顶端
  //position: fixed;
  float: right;
}

.index {
  //put in the bottom of the page
  position: absolute;
  bottom: 0;
  //center
  left: 50%;
  transform: translateX(-50%);

}
.fund-table{
  position: relative;
  top: -25px;
  margin-top: 0;
  margin-left: 1%;
  //width: 45%;
  width: 100%;
  height: 90%;
  float: left;
}
</style>